<template>
  <!-- 编辑资料 -->
  <div>
    <div class="title">编辑资料</div>
  
  </div>
</template>

<script>
import '@/assets/css/settings.less'
import '@/assets/css/index.less'
export default {
  data() {
    return {
      data: [{ id: 1 }],
      emptyurl: require('@/assets/icons/empty.png'),
    }
  }
}
</script>

<style lang="less" scoped>
.article {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  transition: all 0.2s ease-in;
  box-shadow: -2px 3px 30px#f0f0f0;

  .discussion_sponsor {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
  }

  .content {
    width: 800px;



    .ds_img {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;

      .ds_date {
        display: flex;

      }

      .operation {
        // width: 200px;
        display: flex;

        span {
          display: flex;
          justify-self: center;
          align-items: end;
          padding-right: 10px;

          svg {
            width: 20px;
            height: 20px;
            padding-right: 2px;
          }
        }
      }

      img {
        border-radius: 8px;
        margin-top: 10px;
        margin-right: 10px;
        width: 100px;
        height: 100px;
      }
    }
  }


}

.article:hover {

  box-shadow: -2px 3px 30px#d7d7d7;
}
</style>